<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : event01_survey.jsp
    Description : 설명을 기술합니다.
    author jkKim
    since 2012. 5. 10.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 5. 10.     jkKim     최초 생성
--%>
<%@ include file="/WEB-INF/jsp/com/include/declare.jspf" %>
<%@ include file="/WEB-INF/jsp/com/include/doctype.jspf" %>
</head>
<body>
<%@ include file="/WEB-INF/jsp/com/include/layerpopup.jspf" %>
<div id="wrap">
	<%@ include file="/WEB-INF/jsp/com/include/navi_utill.jspf" %>
    <%@ include file="/WEB-INF/jsp/com/include/navi_header.jspf" %>
	<hr />

	<%@ include file="/WEB-INF/jsp/com/include/sub_header_event.jspf" %>
	<hr />

	<div id="container">
		<div id="subtitle-area"><div class="subtitle-area-inner">
			<h4><img src="/images/title/h4_event01.gif" alt="진행중인 이벤트" /></h4>
			<div id="location">
				<a href="#" class="home">홈</a>
				<a href="#">서비스</a>
				<a href="#">서비스네트워크</a>
				<em>서비스 네트워크 조회</em>
			</div>
		</div></div>
		<div id="article">
			<p class="default-desc"><img src="/images/event/txt_event01_01.gif" alt="고객님을 위한 스페셜 이벤트! 즐거운 행운과 경품을 만나보세요!" /></p>
			<img src="/temp/@event_930x930.jpg" alt="이벤트 이미지" />

			<div class="survey-wrap">
				<div class="section">
					<p class="choose">1. 아래 차종 중 구매하고 싶은 차종을 선택해 주세요.</p>
					<ul class="row-type">
						<li><input type="radio" class="check" id="" /> <label for="">쏘나타</label></li>
						<li><input type="radio" class="check" id="" /> <label for="">그렌져</label></li>
						<li><input type="radio" class="check" id="" /> <label for="">아반떼</label></li>
					</ul>
				</div>
				<div class="section">
					<p class="choose">2. 차량 구매 시 가장 중요하게 생각되는 항목을 체크해 주세요.</p>
					<ul class="row-type">
						<li><input type="checkbox" class="check" id="" /> <label for="">가족</label></li>
						<li><input type="checkbox" class="check" id="" /> <label for="">돈</label></li>
						<li><input type="checkbox" class="check" id="" /> <label for="">주차</label></li>
						<li><input type="checkbox" class="check" id="" /> <label for="">운영 비용</label></li>
					</ul>
				</div>
				<div class="section">
					<p class="choose">3. 구매하시려는 차량의 평점을 선택해 주세요.</p>
					<div class="col-type">
						<input type="radio" class="check" id="" /> <label for="">3점</label>
						<input type="radio" class="check space" id="" /> <label for="">5점</label>
						<input type="radio" class="check space" id="" /> <label for="">7점</label>
						<input type="radio" class="check space" id="" /> <label for="">10점</label>
					</div>
				</div>
				<div class="section">
					<p class="choose">4. 차량 구매 시 가장 많이 선호하는 옵션을 선택해 주세요.</p>
					<div class="col-type">
						<input type="checkbox" class="check" id="" /> <label for="">3점</label>
						<input type="checkbox" class="check space" id="" /> <label for="">5점</label>
						<input type="checkbox" class="check space" id="" /> <label for="">7점</label>
						<input type="checkbox" class="check space" id="" /> <label for="">10점</label>
					</div>
				</div>
				<div class="section">
					<p class="choose">5. 보유하고 있는 차명과 년식을 입력해주세요. <em>(ex) 아반떼 HD 10년식</em></p>
					<div class="col-type">
						<input type="text" class="txt" style="width:635px;" title="차명과 년식 입력" />
					</div>
				</div>
				<div class="section">
					<p class="choose">6. 여름캠프에 참여하고 싶은 차수를 선택해 주세요.</p>
					<div class="col-type">
						<select class="select select-type1" style="width:190px;">
							<option>선택</option>
						</select>
					</div>
				</div>
				<div class="section">
					<p class="choose">7. 이력서를 제출해 주세요.</p>
					<div class="col-type">
						<input type="text" class="txt" style="width:215px;" title="이력서 파일 찾기" />
						<input type="image" src="/images/common/button/btn_search.gif" alt="SEARCH" />
						<p class="tip">- doc 파일 형식만 가능합니다.</p>
					</div>
				</div>
			</div>

			<div class="btnwrap">
				<div class="sns-area">
					<div class="facebook null-sns">
						<!-- tooltip -->
						<div class="null-msg"><div class="null-msg-inner">
							SNS 연동하여<br />친구들에게 알려보세요aaa!
							<img src="/images/event/img_tooltip_arrow.gif" alt="툴팁 이미지" class="arrow" />
						</div></div>
						<!-- //tooltip -->
					</div>
					<div class="twitter null-sns">
						<!-- tooltip -->
						<div class="null-msg"><div class="null-msg-inner">
							SNS 연동하여<br />친구들에게 알려보세요aaaaaaaaaaaaa!
							<img src="/images/event/img_tooltip_arrow.gif" alt="툴팁 이미지" class="arrow" />
						</div></div>
						<!-- //tooltip -->
					</div>
					<div class="me2day null-sns">
						<!-- tooltip -->
						<div class="null-msg"><div class="null-msg-inner">
							SNS 연동하여<br />친구들에게 알려보세요aaaaaaaaaaaaa!
							<img src="/images/event/img_tooltip_arrow.gif" alt="툴팁 이미지" class="arrow" />
						</div></div>
						<!-- //tooltip -->
					</div>
				</div>
				<a href="#"><img src="/images/common/button/btn_event_join.gif" alt="이벤트 응모하기" /></a>
			</div>

			<div class="sns-customer-wrap">
				<p class="desc"><img src="/images/event/txt_event01_06.png" alt="이벤트에 참여하신 고객입니다" /></p>
				<div class="btnarea">
					<button class="prevbutton"><img src="/images/common/button/btn_sns_prev.gif" alt="이전" /></button>
					<button class="nextbutton"><img src="/images/common/button/btn_sns_next.gif" alt="다음" /></button>
				</div>
				<div class="listcutter"><div class="listcutter-inner">
					<ul class="col9">
						<li>
							<div class="thumb-area">
								<img src="/temp/@none_50x50.jpg" alt="참여고객 이미지" class="thumb" />
								<div class="sns-icon">
									<img src="/images/common/icon/icon_facebook.gif" alt="페이스북" />
									<img src="/images/common/icon/icon_twitter.gif" alt="트위터" />
								</div>
							</div>
							<p class="name">김수진</p>
						</li>
						<li>
							<div class="thumb-area">
								<img src="/temp/@none_50x50.jpg" alt="참여고객 이미지" class="thumb" />
								<div class="sns-icon">
									<img src="/images/common/icon/icon_facebook.gif" alt="페이스북" />
									<img src="/images/common/icon/icon_twitter.gif" alt="트위터" />
								</div>
							</div>
							<p class="name">김수진</p>
						</li>
						<li>
							<div class="thumb-area">
								<img src="/temp/@none_50x50.jpg" alt="참여고객 이미지" class="thumb" />
								<div class="sns-icon">
									<img src="/images/common/icon/icon_facebook.gif" alt="페이스북" />
									<img src="/images/common/icon/icon_twitter.gif" alt="트위터" />
								</div>
							</div>
							<p class="name">김수진</p>
						</li>
						<li>
							<div class="thumb-area">
								<img src="/temp/@none_50x50.jpg" alt="참여고객 이미지" class="thumb" />
								<div class="sns-icon">
									<img src="/images/common/icon/icon_facebook.gif" alt="페이스북" />
									<img src="/images/common/icon/icon_twitter.gif" alt="트위터" />
								</div>
							</div>
							<p class="name">김수진</p>
						</li>
						<li>
							<div class="thumb-area">
								<img src="/temp/@none_50x50.jpg" alt="참여고객 이미지" class="thumb" />
								<div class="sns-icon">
									<img src="/images/common/icon/icon_facebook.gif" alt="페이스북" />
									<img src="/images/common/icon/icon_twitter.gif" alt="트위터" />
								</div>
							</div>
							<p class="name">김수진</p>
						</li>
						<li>
							<div class="thumb-area">
								<img src="/temp/@none_50x50.jpg" alt="참여고객 이미지" class="thumb" />
								<div class="sns-icon">
									<img src="/images/common/icon/icon_facebook.gif" alt="페이스북" />
									<img src="/images/common/icon/icon_twitter.gif" alt="트위터" />
								</div>
							</div>
							<p class="name">김수진</p>
						</li>
						<li>
							<div class="thumb-area">
								<img src="/temp/@none_50x50.jpg" alt="참여고객 이미지" class="thumb" />
								<div class="sns-icon">
									<img src="/images/common/icon/icon_facebook.gif" alt="페이스북" />
									<img src="/images/common/icon/icon_twitter.gif" alt="트위터" />
								</div>
							</div>
							<p class="name">김수진</p>
						</li>
						<li>
							<div class="thumb-area">
								<img src="/temp/@none_50x50.jpg" alt="참여고객 이미지" class="thumb" />
								<div class="sns-icon">
									<img src="/images/common/icon/icon_facebook.gif" alt="페이스북" />
									<img src="/images/common/icon/icon_twitter.gif" alt="트위터" />
								</div>
							</div>
							<p class="name">김수진</p>
						</li>
						<li>
							<div class="thumb-area">
								<img src="/temp/@none_50x50.jpg" alt="참여고객 이미지" class="thumb" />
								<div class="sns-icon">
									<img src="/images/common/icon/icon_facebook.gif" alt="페이스북" />
									<img src="/images/common/icon/icon_twitter.gif" alt="트위터" />
								</div>
							</div>
							<p class="name">김수진</p>
						</li>
						<li>
							<div class="thumb-area">
								<img src="/temp/@none_50x50.jpg" alt="참여고객 이미지" class="thumb" />
								<div class="sns-icon">
									<img src="/images/common/icon/icon_facebook.gif" alt="페이스북" />
									<img src="/images/common/icon/icon_twitter.gif" alt="트위터" />
								</div>
							</div>
							<p class="name">김수진</p>
						</li>
					</ul>
				</div></div>
			</div>
		</div>
	</div>
	<hr />
	<%@ include file="/WEB-INF/jsp/com/include/footer.jspf" %>